<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>陕西科普信息网</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection"content="telephone=no, email=no" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
</head>
<body>
	<div class="wrap">
		<!--news-->
		<div class="ask-list">
			<dl class="ask-item">
				<dd>
					<h3><a href="#">关于申报2015年省级科普示范基地的通知</a></h3>
					<div class="date">发布日期：2015-07-13</div>
					<div class="info">各设区市科技局、省直有关部门、大专院校、科研机构，各有关单位：建设科普基地是贯彻落实党的十八大精神...</div>
				</dd>
			</dl>
			<dl class="ask-item">
				<dd>
					<h3><a href="#">关于申报2015年省级科普示范基地的通知</a></h3>
					<div class="date">发布日期：2015-07-13</div>
					<div class="info">各设区市科技局、省直有关部门、大专院校、科研机构，各有关单位：建设科普基地是贯彻落实党的十八大精神...</div>
				</dd>
			</dl>
			<dl class="ask-item">
				<dd>
					<h3><a href="#">关于申报2015年省级科普示范基地的通知</a></h3>
					<div class="date">发布日期：2015-07-13</div>
					<div class="info">各设区市科技局、省直有关部门、大专院校、科研机构，各有关单位：建设科普基地是贯彻落实党的十八大精神...</div>
				</dd>
			</dl>
		</div>
		<div class="watch-more">
			<a href="javascript:;">
				<span>查看更多</span>
				<i><img src="images/rect.png" alt=""/></i>
			</a>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/scaling.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript">
	$('.watch-more').on('click', function(){
		//http://baoidu.com?id=1
		$.ajax({
			url: 'ask_list.json',
			data:'',
			type: 'post',
			dataType: 'json',
			success: function(data){
				var _list = data.content;
				if(_list && _list.length > 0){
					for(var i = 0; i < _list.length; i++){
						var _html = '';
						var item = _list[i];
						_html += '<dl class="ask-item"><dd><h3>'+'<a href="' +  _list[i].link1 + '">'+ _list[i].title + '</a></h3>';
						_html += '<div class="date">'+"<span>发布日期：</span>" + _list[i].time + '</div>';
						_html += '<div class="info">' + _list[i].info + '</div></dd></dl>';
						var $html = $(_html);
						console.log($html);

						$html.appendTo('.ask-list');
					}
				}
			},
			error: function(){
				/*alert();*/
			}
		})
	});
</script>
</html>